import axios from "axios";
import { ElMessage } from "element-plus";

// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL,
  timeout: 15000, // 请求超时时间
  headers: { "Content-Type": "application/json" },
});

// 请求拦截器
service.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    const token = localStorage.getItem("access_token");
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }

    // 记录请求开始时间
    config.metadata = { startTime: new Date() };

    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  (response) => {
    // 计算请求耗时
    const endTime = new Date();
    const duration = endTime - response.config.metadata.startTime;
    console.log(`请求 ${response.config.url} 耗时: ${duration}ms`);

    // 对响应数据做点什么
    const res = response.data;

    // 自定义状态码处理
    if (res.code !== 200) {
      // 处理业务逻辑错误
      handleBusinessError(res.code, res.message);
      return Promise.reject(new Error(res.message || "Error"));
    } else {
      return res;
    }
  },
  (error) => {
    // 对响应错误做点什么
    if (error.response) {
      // HTTP 状态码错误处理
      handleHttpError(error.response.status);
    } else if (error.request) {
      // 请求未收到响应处理（网络错误）
      handleNetworkError();
    } else {
      // 其他错误处理
      handleOtherError(error.message);
    }
    return Promise.reject(error);
  }
);

// 封装请求方法
const http = {
  get(url, params, config = {}) {
    return service.get(url, { ...config, params });
  },

  post(url, data, config = {}) {
    return service.post(url, data, config);
  },

  put(url, data, config = {}) {
    return service.put(url, data, config);
  },

  delete(url, config = {}) {
    return service.delete(url, config);
  },

  // 支持取消请求
  withCancel() {
    const source = axios.CancelToken.source();
    const cancelToken = source.token;

    const request = (method, url, ...args) => {
      return service[method](url, ...args, { cancelToken });
    };

    return {
      request,
      cancel: (message) => source.cancel(message),
    };
  },
};

// 错误处理函数
function handleHttpError(status) {
  const errorMessages = {
    400: '请求参数错误',
    401: '未授权，请重新登录',
    403: '拒绝访问',
    404: '请求资源不存在',
    405: '请求方法不允许',
    408: '请求超时',
    500: '服务器内部错误',
    501: '服务未实现',
    502: '网关错误',
    503: '服务不可用',
    504: '网关超时'
  };

  const message = errorMessages[status] || `连接出错 (${status})`;
  showError(message);
}

function handleNetworkError() {
  showError('网络异常，请检查您的网络连接');
}

function handleBusinessError(code, msg) {
  const customErrors = {
    1001: '认证失败，请重新登录',
    1002: '权限不足',
    2001: '数据验证失败',
    3001: '业务逻辑错误'
  };

  const message = customErrors[code] || msg || '未知业务错误';
  showError(message);
}

function handleOtherError(msg) {
  showError(msg || '未知错误');
}

function showError(message) {
  // 在实际项目中替换为UI组件的提示
  console.error('请求错误:', message);
  ElMessage.error(`请求错误: ${message}`);
}

export default http;
